<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="/layui/css/layui.css" rel="stylesheet">
    <script src="/layui/layui.js"></script>
</head>
<body>
<h3 style="color: red" th:text="${msg}"></h3>
<div style="width: 1000px; margin: auto;">
    <h3 style="color: red" th:text="${msg}"></h3>
    <button class="layui-btn layui-btn-normal layui-btn-sm" lay-event="put" type="button">
        <i class="layui-icon layui-icon-add-1">增加数据</i>
    </button>
    <table class="layui-table lay-even">
        <colgroup>
            <col width="150">
            <col width="150">
            <col width="150">
            <col width="150">
            <col width="150">
        </colgroup>
        <thead>
        <tr style="color: #0000FF">
            <th><h3>ID</h3></th>
            <th><h3>姓名</h3></th>
            <th><h3>性别</h3></th>
            <th><h3>年龄</h3></th>
            <th><h3>操作</h3></th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="user : ${users}">
            <td th:text="${user.id}"></td>
            <td th:text="${user.name}"></td>
            <td th:text="${user.gender}"></td>
            <td th:text="${user.age}"></td>
            <td>
                <button class="layui-btn layui-btn-normal layui-btn-sm " lay-event="edit" type="button">
                    <i class="layui-icon layui-icon-edit">修改</i>
                </button>
                <button class="layui-btn layui-btn-normal layui-btn-sm" lay-event="del" type="button">
                    <i class="layui-icon layui-icon-delete">删除</i>
                </button>
            </td>
        </tr>
        </tbody>
    </table>
</div>

<script>
    layui.use('layer', function () {

    });


    // function deleteData(){
    //     var layer = layui.layer;
    //     layer.open({
    //         title: '删除数据'
    //         ,content: '删除数据'
    //     });
    // }
    //
    // function updateData(){
    //     var layer = layui.layer;
    //     layer.open({
    //         title: '修改数据'
    //         ,content: '修改数据'
    //     });
    // }

</script>

</body>
</html>